<template>
  <div id="app">
    <router-view />

    <!-- <theme-picker /> -->
  </div>
</template>

<script>
import ThemePicker from "@/components/ThemePicker";

export default {
  name: "App",
  components: { ThemePicker },
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  }
};
</script>
<style scoped>
#app .theme-picker {
  display: none;
}
</style>
<style lang="scss">
@import "@/assets/styles/diy-wx-back.scss";

// 覆盖element-ui的样式
[class*=el-col-] {
    float: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
[class^=el-icon-], [class*=" el-icon-"] {
    font-family: "element-icons" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.app-container.bg-grey{
    min-height: calc(100vh - 84px);
    position: relative;
  }
/* 需要全局的自适应样式 */
@media(min-width:993px){
  .pc{display:block !important;}
  .web{display:none !important;}
}
@media(max-width:992px){
  .pc{display:none !important;}
  .web{display:block !important;}
  .app-container.bg-grey,.app-main{
    min-height: calc(100vh - 50px) !important;
  }
  .el-drawer.rtl,.el-drawer.ltr{
    width:75% !important;
  }
  /* 文件内不生效 */
  .message-item .message-bubble p{
    margin:0;
  }

  .marked-table {
    font-size: 14px;
  }
  
  .marked-table th,
  .marked-table td {
    padding: 10px 12px;
  }
}

.module-card{
  padding: 20px;
}
.module-title{
  margin-bottom: 10px;
}
.unsetStyle .el-dialog{
  background: unset;
  box-shadow: none;
}
</style>

